//存放登录页交互逻辑js代码
//给必填项绑定事件
$(".form-control").blur(function(){
    //首先获取用户当前输入的值
    var value = this.value; //123
    //清空上一次提示的信息
    $(this).parent().find(".TF").remove();
    //判断当前的值是哪一项输入的值
    if($(this).is("#username")){//判断是否是账号输入项
        if(value.length < 3){
                var xmlhttp=new XMLHttpRequest();
                var name = document.getElementById("name").value;
                var url = "http://how2j.cn/study/checkName.jsp?name="+name;
                xmlhttp.onreadystatechange=checkResult; //响应函数
                xmlhttp.open("GET",url,true);   //设置访问的页面
                xmlhttp.send(null);  //执行访问


            function checkResult(){
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    document.getElementById('checkResult').innerHTML=xmlhttp.responseText;

            }
            $("#username").after("<font class='glyphicon glyphicon-remove TF' style='float: right;width: 7%;color: red;margin-top:3%;'></font>");
        }else{
            $("#username").after("<font class='glyphicon glyphicon-ok TF' style='float: right;width: 7%;color: green;margin-top:3%;'></font>");
        }
    }
    if($(this).is("#password")){//判断是否是密码输入项
        if(value.length < 8){
            $("#password").after(" <font class='glyphicon glyphicon-remove TF' style='float: right;width: 7%;color: red;margin-top:3%;'></font>");
        }else{
            $("#password").after(" <font class='glyphicon glyphicon-ok TF' style='float: right;width: 7%;color: green;margin-top:3%;'></font>");
        }
    }
    if($(this).is("#password2")){//确定密码
        if(value==$("#password").val()){
            $("#password2").after(" <font class='glyphicon glyphicon-remove TF' style='float: right;width: 7%;color: red;margin-top:3%;'></font>");
        }else{
            $("#password2").after(" <font class='glyphicon glyphicon-ok TF' style='float: right;width: 7%;color: green;margin-top:3%;'></font>");
        }
    }
    if($(this).is("#name")){//判断是否是姓名输入项
        if(value.length < 2){
            $("#name").after(" <font class='glyphicon glyphicon-remove TF' style='float: right;width: 7%;color: red;margin-top:3%;'></font>");
        }else{
            $("#name").after("<font class='glyphicon glyphicon-ok TF' style='float: right;width: 7%;color: green;margin-top:3%;'></font>");
        }
    }
    if($(this).is("#phone")){//判断是否是电话输入项
        if(value.length ==11&&value.match(/0?(13|14|15|18|17)[0-9]{9}/)){
            $("#phone").after("<font class='glyphicon glyphicon-ok TF' style='float: right;width: 7%;color: green;margin-top:3%;'></font>");
        }else{

            $("#phone").after(" <font class='glyphicon glyphicon-remove TF' style='float: right;width: 7%;color: red;margin-top:3%;'></font>");
        }
    }

//  if($(this).is("#email")){//判断是否是密码输入项
//  	var value=$("#email").val();
//		var pattern = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;
//      if(!pattern.test(value)){
//          $("#email").after(" <font class='glyphicon glyphicon-remove TF' style='float: right;width: 7%;color: red;margin-top:3%;'></font>");
//      }else{
//          $("#email").after(" <font class='glyphicon glyphicon-ok TF' style='float: right;width: 7%;color: green;margin-top:3%;'></font>");
//      }
//  }

}).focus(function(){
    $(this).triggerHandler("blur");
}).keyup(function(){
    $(this).triggerHandler("blur");
})

//给表单提交绑定事件
$("form").submit(function(){
    //触发所有必填项的校验
    $(".form-control").trigger("focus");
    //找到错误信息的个数
    if($(".glyphicon-remove").length > 0){
        return false;
    }
    return true;
});



